<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <!--  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  -->
  <script src="../assets/flexible/flexible.debug.js"></script>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>首页</title>
  <link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="../assets/animate/animate.min.css">
  <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/square.css"></head>
<body>

  <header class="header">
    <span>广场</span>
    <form>
      <input  type="text" placeholder="搜索话题"/> <i class="fa fa-search is"></i>
    </form>
    <span class="fa fa-external-link"></span>
  </header>

  <nav>
    <ul>
      <li class="navs aited"> 
        <i class="fa fa-meh-o"></i>
        话题
      </li>
      <li class="navs">
        <i class="fa fa-users"></i>
        豆友
      </li>
      <li class="navs">
        <i class="fa fa-compass"></i>
        动态
      </li>
    </ul>
  </nav>
  <div class="content">
    <div class="swiper-container badd">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="swiper-container banner">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
              <div class="swiper-slide">
                <img src="../images/E-logo.png"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" id="swipere"></div>
          </div>
          <main>
            <div class="pes">
              <h1>
                <i class="fa fa-bullhorn"></i>
                实时热点
              </h1>
              <span class="fa fa-chevron-circle-right"></span>
            </div>
            <div class="dls"></div>
            <div class="uls">
              <div class="pes">
                <h1>
                  <i class="fa fa-fax"></i>
                  话题小组
                </h1>
                <span></span>
              </div>
              <div class="lis"></div>
            </div>
          </main>
        </div>
        <div class="swiper-slide" id="sder">
          <div class="douyou"></div>
        </div>
        <div class="swiper-slide">
          <div class="dongtai">
            <span>暂时没有动态</span>
            <p>快去关注更多好友哦~~</p>
            <h1>确定</h1>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="footer">
    <a href="Goodbeans.html">
      <figure class="figu">
        <i class="fa fa-ravelry"></i>
        <figcaption>好豆</figcaption>
      </figure>
    </a>
    <a href="discover.html">
      <figure class="figu">
        <i class="fa fa-compass"></i>
        <figcaption>发现</figcaption>
      </figure>
    </a>
    <a href="square.html">
      <figure class="figu footgure">
        <i class="fa fa-wpexplorer"></i>
        <figcaption>广场</figcaption>
      </figure>
    </a>
    <a href="Mine.html">
      <figure class="figu">
        <i class="fa fa-user-o"></i>
        <figcaption>我的</figcaption>
      </figure>
    </a>
  </footer>

  <script type="text/html" id="dlss">
      {{each dls as v}} 
              <section>
              <img src="{{v.imgs}}">
              <div>
                <p>{{v.ps}}</p>
                <p>
                  <img src="{{v.ims}}">
                  <span>{{v.spn}}</span>
                  <i class="fa fa-mars-double"></i>
                </p>
                <p>{{v.pse}}</p>
                <p>
                  <i class="fa fa-thumbs-o-up"></i><span>0</span>
                  <i class="fa fa-commenting-o"></i><span>0</span>
                </p>
              </div>
          </section>
      {{/each}}
    </script>

  <script type="text/html" id="list_caidan">
      {{each lis as v}}
          <section class="sety">
               <img src="{{v.imgr}}">
               <div>
                 <p><span>{{v.spn1}}</span><span>{{v.spn2}}</span></p>
                 <p>{{v.ps}}</p>
               </div>
             </section>
      {{/each}}
    </script>

  <script type="text/html" id="douyou">
      {{each douyou as x}}
                <section>
                  <img src="{{x.imgt}}">
                  <div>
                    <p>
                      <span>{{x.spa}}
                        <i class="fa fa-transgender-alt"></i>
                        <i class="fa fa-leaf"></i>
                      </span>
                      <span>{{x.spw}}</span>             
                    </p>
                    <p>{{x.ps1}}</p>
                    <p>{{x.ps2}}</p>
                  </div>
                </section>
      {{/each}}
    </script>
  <script src="../assets/JQ/jquery-3.2.1.min.js"></script>
  <script src="../assets/swiper/js/swiper.min.js"></script>
  <script src="../assets/animate/swiper.animate1.0.2.min.js"></script>
  <script src="../assets/template-web.js"></script>
  <script src="../js/square.js"></script>
</body>
</html>